<template>
  <div style="display: flex;flex-direction: column; height: 175px;width: 150px">
      <img :src="src" width="150px" height="160px" :alt="name" >
      <div style="display: flex;flex-direction: row">
        <span style="display: flex;align-items:center;justify-content:center;flex:1;word-break: keep-all">{{ position }}</span>
        <span style="display: flex;align-items:center;justify-content:center;flex:1;border: 1px #b9b2b2 solid;border-width: 0 0 0 1px;">
              {{name}}
          </span>
      </div>
  </div>
</template>

<script>
export default {
  name: "staff.vue",
  props:{
    src:{
      default:''
    },
    position:{
      type:String
    },
    name:{
      type:String
    },

  }

}
</script>

<style scoped>

</style>
